Bienvenue sur l'interface web du FSI Server
Cet onglet fournit une vue d'ensemble sur l'utilisation de l'interface Web pour gérer et publier vos images.
|
|
Une version de logiciel
Vous utilisez actuellement les versions de logiciel suivantes:1 Vue d'ensemble
L'interface comprend 3 sections principales: vue des dossiers (1), zone de travail (2) et vue des fichiers (3).La dimension de ces sections peut être modifiée en faisant glisser les barres de séparation entre les sections.
2 Vue de dossier
La vue des dossiers contient des onglets permettant de parcourir la structure des dossiers et d'effectuer des recherches.En haut, le nom du répertoire racine (nom du serveur) est visible.
Le répertoire racine contient tous les Source Connectors (profils) disponibles sur ce FSI Server spécifique, répertoriés sous le répertoire racine.
Le suivant source connector types sont possibles dans le répertoire racine:
- Static: (pour les fichiers statiques uniquement, par exemple les graphiques de style que vous souhaitez utiliser sur votre site Web)
- Storage: (les images seront importées dans le stockage pour des performances optimales Single Source Imaging)
- Multi Resolution: (profil contient uniquement des fichiers TIFF multi-résolution)
Il est également possible de déterminer différents autorisations pour chaque dossier (lecture, écriture, liste, tâches), les autorisations définies pour le dossier actuellement sélectionné peuvent être visualisées via Plus d'information... au bas de la vue du dossier.
Il est également possible pour l’administrateur de définir des commentaires personnalisés (par exemple, quels types de fichiers il est recommandé de placer dans un certain dossier) pour chaque type de Source Connector, ce qui apparaîtra au bas de la vue du dossier. Ces commentaires peuvent être définis via un fichier XML.
3 Affichage du fichier
Dans la vue des fichiers, les répertoires et les fichiers du dossier sélectionné sont visibles.Dans la barre en haut, plusieurs actions de gestion de fichiers et de répertoires peuvent être sélectionnées via des icônes:
Créer un dossier, renommer, copier, couper, coller, supprimer
Le menu déroulant de tri vous permet de trier les éléments selon certains critères. Avec le bouton fléché en dessous, vous pouvez modifier l’ordre de la fonction de tri choisie.Sur la droite du menu de tri, vous pouvez modifier l'apparence des dossiers et des éléments dans la vue du fichier. Afin de modifier la taille des vignettes, cliquez sur le bouton de la vignette plus petit ou plus grand pour changer la vue ou faites glisser le contrôleur de vignettes dans la direction souhaitée.
Les boutons à gauche vous permettent de choisir entre
- Vue de page: Les articles seront affichés sous forme de pages doubles, la première en couverture et la dernière en page simple (utile pour l'affichage des catalogues)
- Vue miniature: Chaque image sera affichée sous forme de vignette
- Voir la liste: les éléments seront affichés dans une liste comprenant le nom du fichier, la largeur x la hauteur, la taille du fichier, la date de dernière modification et le statut. Ils peuvent être triés en fonction de ces caractéristiques en cliquant sur le nom de la fonction.
En utilisant le bouton droit de la souris dans la zone d'affichage des fichiers, vous pouvez accéder à d'autres actions via le menu contextuel, telles que la réimportation d'éléments sélectionnés, l'ajout de fichiers à une archive de téléchargement, le téléchargement de l'élément sélectionné, la création d'un favori, etc. Drag & Drop est possible dans la vue des fichiers et dans la vue des dossiers. Les fichiers ou les dossiers peuvent être glissés du navigateur de fichiers du système d'exploitation vers la vue des fichiers ou des dossiers afin de: les télécharger sur le serveur.) De plus, vous pouvez copier ou déplacer des éléments en les faisant glisser dans le dossier cible dans l’arborescence ou la vue Fichier.
En cliquant sur un fichier spécifique dans la vue du fichier, la zone de travail supérieure sera activée.
3.1 Opérations sur les fichiers et dossiers
Créer un nouveau répertoire La racine de la vue du dossier contient différents connecteurs source. Pour créer un dossier dans l’un de ces connecteurs sources, vous devez soit:- Faites un clic droit sur le nom du profil et choisissez "Créer un nouveau dossier"
- Clic droit dans la vue d'ensemble des répertoires en bas à droite, choisissez "Créer un nouveau dossier"
- Cliquez sur le bouton du dossier dans la vue d'ensemble du répertoire. La fenêtre "Créer un dossier" s'ouvre.
4 Zone de travail
Dans la zone de travail, différentes tâches et informations concernant les éléments sélectionnés sont affichées. En fonction du format de fichier, vous pouvez choisir entre les onglets suivants:Affichage, métadonnées, couleur, publication sur le Web, téléchargement, téléchargement et aide.
Le bouton de la fenêtre4.1 Voir
Sur cet onglet, vous pouvez voir l'image sélectionnée à l'aide de FSI Viewer, dans laquelle vous pouvez utiliser toutes les fonctionnalités standard, y compris une option plein écran.
4.2 Métadonnées
Les métadonnées de l'image seront affichées et sont divisées en trois sections: données générales, données IPTC et EXIF..
Tous les champs de métadonnées -sauf pour ceux du groupe "Général" - peut être édité, supprimé ou ajouté. Pour modifier les données existantes, cliquez sur la valeur du champ correspondant et entrez la valeur souhaitée. En cliquant sur le bouton "Ajouter des champs" dans le menu Options en bas de la page, vous pouvez ajouter des champs de données IPTC ou EXIF.
Vous pouvez appliquer les tâches du menu des options en bas à toutes les métadonnées modifiables (caractérisées par les cases à cocher situées en regard du nom de la donnée).
Vous pouvez choisir d'activer ou de désactiver toutes les métadonnées modifiables, de vider les valeurs actuellement affichées dans les champs de données, de réimporter les métadonnées du fichier source ou de supprimer tous les champs sélectionnés. Les modifications seront enregistrées automatiquement.
En maintenant Shift tout en sélectionnant les cases à cocher, vous pouvez en sélectionner plusieurs à la fois.
Si vous sélectionnez plusieurs images ou fichiers à la fois, vous pouvez appliquer à toutes les valeurs de champ modifiées en sélectionnant la tâche "Appliquer à tous les fichiers sélectionnés" dans le menu Options.
4.3 Couleur
Cet onglet fournit des informations sur la distribution du colorant, les histogrammes de couleur et le profil ICC, le cas échéant.
- Distribution de colorant: Le diagramme à secteurs et l'histogramme indiquent la distribution de chaque couleur de l'image en pourcentage.
- Les histogrammes: Ici, les histogrammes RVB, Rouge, Vert, Bleu et Saturation sont fournis.
- Profil ICC: Le profil ICC est un profil de référence de couleur qui décrit les caractéristiques du périphérique auquel il correspond. Ils sont utilisés pour permettre le meilleur rendu des couleurs possible et pour assurer une cohérence des couleurs indépendante du périphérique utilisé. Dans cet onglet, vous pouvez voir les points multimédias (l'espace colorimétrique utilisé pour l'image) ainsi que les données de profil telles que Description, CMM (module de gestion des couleurs), fabricant, créateur et date de création. Vous avez également la possibilité de télécharger le profil afin de l'utiliser dans votre flux de travail ultérieur.
4.4 Publier
Lorsqu’une image ou un dossier est sélectionné, vous pouvez voir toutes les méthodes de publication possibles pour l’élément spécifique en consultant l’onglet Publier sur le Web.
L'interface de publication est divisée en cinq sections: liste de préréglages/paramètres, code source, scripts, aperçu et aide contextuelle. Vous pouvez modifier la taille de chaque section en faisant glisser les poignées des barres de section vers la taille souhaitée.
- Liste des préréglages/paramètres: Vous pouvez choisir entre différents préréglages (Static Image, Responsive Image, Zoom & Pan, 360° Spins, Catalogues, etc.) dans cet onglet. Après avoir choisi un préréglage, la liste des paramètres disponibles pour l'option de publication apparaîtra.
- Code source: Dans cette zone, vous pouvez voir le code source de l'option de publication sélectionnée, que vous pouvez modifier et copier pour publier les images..
- Scripts requis: Si vous avez sélectionné une option de publication nécessitant un visualiseur (par exemple Responsive Image or Zoom & Pan), les scripts requis devant être inclus pour le chargement des visualiseurs sont répertoriés ici.
- Aperçu: Dans cette section, vous voyez un aperçu en direct des modifications apportées au code source. L'aperçu change également en fonction du préréglage que vous choisissez. Cela permet de voir immédiatement à quoi ressembleront vos images ou votre visionneuse lors de sa mise en œuvre..
- Aide contextuelle: Cette section affiche dynamiquement une description du préréglage ou du paramètre sélectionné..
Image, staticSimple Image: Publie l'image avec un simple <img< tag. Nécessite une seule image haute résolution. Vous pouvez définir les dimensions et le format de sortie (JPEG, PNG ou GIF) et ajouter divers effets à l'image statique. Simple Image with srcSet: Publie l'image avec un simple <img< tag et srcSets. L'attribut srcset contient une liste de plusieurs URL d'image séparées par des virgules. Le navigateur décide quelle taille d'image convient le mieux à l'utilisateur au moment de la visite de la page. Cela évite des charges de ressources multiples et des problèmes de performances dans des environnements à bande passante limitée.
Lorsqu'un utilisateur visite un site Web, toutes les images de la page en cours sont chargées dans la taille la plus appropriée pour le périphérique utilisé. Nécessite une seule image haute résolution. Automatically adds srcSets in different variations to the img tag. Vous pouvez définir les dimensions et le format de sortie (JPEG, PNG ou GIF) et ajouter divers effets à l'image statique. Padded Image: Publie l'image avec un simple <img< tag et un effet pad. Par conséquent, la dimension de l'image obtenue correspondra toujours à la taille requise. Nécessite une seule image haute résolution. Vous pouvez définir les dimensions et le format de sortie (JPEG, PNG ou GIF) et ajouter divers effets à l'image statique. Image, responsiveLes options ci-dessous nécessitent une seule image haute résolution et sont publiées avec FSI QuickZoom ou FSI TouchZoom. N'oubliez pas de copier également la section de script requise (ou utilisez l'option permettant de copier le code source en tant que document HTML 5 complet). Image, in place mouse-over zoom: Publie l'image avec un simple <img< tag et FSI QuickZoom. En survolant l'image avec le curseur, l'image sera agrandie. Image, fly-out zoom on mouse over: Publie l'image avec un simple <img< tag et FSI QuickZoom. En survolant l'image avec le curseur, l'image affichée est agrandie dans une fenêtre à côté de l'image d'origine. Image, dynamic resolution: Publie l'image avec un simple <img< tag et FSI TouchZoom. Si la page est zoomée par pincement sur des appareils tactiles, les images seront affichées dans la résolution correspondant à l’agrandissement actuel. Image, dynamic resolution and mouse-over zoom: Publie l'image avec un simple <img< tag et FSI TouchZoom plus FSI QuickZoom. En survolant l'image avec le curseur, l'image sera agrandie. Si la page est zoomée par pincement sur les périphériques tactiles, les images seront affichées dans la résolution correspondant à l'agrandissement actuel. Zoom & PanLes options ci-dessous nécessitent une seule image haute résolution et permettent un zoom 2D basé sur Javascript. N'oubliez pas de copier également la section de script requise (ou utilisez l'option permettant de copier le code source en tant que document HTML 5 complet). Nécessite une seule image haute résolution. FSI Viewer, black skin: Cette option active le zoom et le panoramique avec une barre de menu noire. FSI Viewer, silver skin: Cette option active le zoom et le panoramique avec une barre de menus argentée. FSI Viewer, white skin: Cette option active le zoom et le panoramique avec une barre de menu blanche. FSI Viewer, no UI: Cette option active le zoom et le panoramique sans barre de menus. FSI Viewer, with measure plugin: Cette option active le zoom et le panoramique avec une fonction activée permettant de mesurer des parties de l’image.. 360°SpinsLes options ci-dessous permettent à un outil basé sur JavaScript d'afficher des rotations d'objet à 360° en combinaison avec le zoom. N'oubliez pas de copier également la section de script requise (ou utilisez l'option permettant de copier le code source en tant que document HTML 5 complet). Nécessite une seule image haute résolution. Selon les capacités de l'appareil, il offre une prise en charge du zoom en place ou du zoom par pincement. Cette option de publication nécessite un dossier contenant une série d’images haute résolution prises sous différents angles de vue. Vous pouvez l'activer en cliquant sur le dossier contenant le jeu d'images à 360 degrés ou en cliquant sur l'une des images du dossier. Des points actifs facultatifs avec du contenu HTML peuvent être ajoutés en fournissant des coordonnées 3D. FSI Viewer, black skin: Cette option active la rotation à 360° et le zoom avec une barre de menu noire. FSI Viewer, no UI: Cette option active la rotation à 360° et le zoom sans barre de menus. ShowcasesFSI Showcase combine les avantages de FSI Viewer JS avec FSI ThumbBar. Il est créé pour visualiser plusieurs images avec un carrousel d'images. En cliquant sur une image, elle sera affichée dans l'instance FSI Viewer JS située au-dessus du carrousel. L'option permet de publier toutes les images d'un dossier, y compris les vignettes d'aperçu. Showcase - thumbnails to the bottom: Les miniatures sont affichées sous le FSI Viewer. Showcase - thumbnails to the top: Les miniatures sont affichées au-dessus de le FSI Viewer. Showcase - thumbnails to the right: Les miniatures sont affichées à droite de le FSI Viewer. Showcase - thumbnails to the left: Les miniatures sont affichées à gauche de le FSI Viewer. ThumbBarsFSI ThumbBar est créé pour la publication de toutes les images d'un dossier en tant que carrousel d'images basé sur JavaScript, avec effet miroir intégré en option et zoom de la page entière. ThumbBar horizontal: Affiche les images dans une barre de pouce horizontale. ThumbBar vertical: Affiche les images dans une barre de pouce verticale. E-Books / E-CataloguesFSI Pages publie toutes les images d'un dossier sous forme de brochure ou de catalogue interactif. Catalog with flip layout:: Un simple catalogue électronique sans hyperlien utilisant une animation Flip. Catalog with flip layout and hyperlinks:: Un catalogue électronique contenant des hyperliens utilisant une animation Flip. Catalog with scroll horizontal layout:: Un catalogue électronique avec animation de défilement horizontal. Catalog with scroll vertical layout:: Un catalogue électronique avec animation de défilement vertical. Catalog with scroll horizontal layout with hyperlinks:: Un catalogue électronique contenant des hyperliens utilisant une animation de défilement horizontal. Catalog with scroll vertical layout with hyperlinks:: Un catalogue électronique contenant des hyperliens utilisant une animation de défilement vertical. Catalog with hyperlinks, chapters and intro:: Un catalogue électronique avec hyperliens, plug-in de chapitres (table des matières) et contenu d'introduction (contenu avant la page de couverture). Image GridFSI Image Grid est un simple visualiseur basé sur HTML5 et Javascript qui vous permet d’afficher une galerie d’images sous forme de grille, avec éventuellement des légendes et des descriptions générées à partir de métadonnées d’image. Small Image Grid: Une grille d'image responsive avec de petites vignettes. Medium Image Grid: Une grille d'image responsive avec des vignettes de taille moyenne. Large Image Grid: Une grille d'image responsive avec de grandes vignettes. Image Grid with meta data: Une grille d'images responsive affichant les métadonnées (légendes, descriptions, crédits, etc.) de chaque image. GamesImage Twins: Un jeu de mémo où le but est de trouver des paires d'images identiques. |
|
4.4.1 Comment publier
Après avoir sélectionné une option de publication, vous pouvez définir les dimensions souhaitées, ajouter des paramètres pour concevoir le viewer ou l'image à votre guise, puis copier le code source affiché.4.4.1.1 Code source
La section Code source vous permet de contrôler l'apparence de votre image ou de votre viewer en définissant les dimensions et le format, ainsi qu'en ajoutant des effets ou des options de rognage.
Descriptions de la barre d'outils du code source
Le menu contextuel accessible via le bouton en haut à droite vous donne également accès à la barre de menus du code source et vous permet en outre d'ouvrir l'aperçu dans une autre fenêtre.
Après avoir tout paramétré, si vous êtes satisfait de l'aspect de l'image ou du viewer (visible dans la section d'aperçu), vous pouvez copier le code source en utilisant les boutons correspondants du menu ou simplement sélectionner le contenu de l'éditeur de code. et copiez-le dans votre page. Pour publier des viewers et des images responsive , il est également essentiel d'intégrer les scripts requis à votre page Web. Les scripts peuvent être vus dans la section Scripts requis:
Vous pouvez le faire en copiant le script manuellement ou en utilisant le bouton correspondant dans la barre de menus du code source ou dans le menu contextuel:
4.4.1.2 Paramètres
Section de paramètreDe plus, vous pouvez également définir divers paramètres pour la publication d'une image ou d'un visualiseur. Après avoir choisi un préréglage, la section des paramètres s’ouvre à droite. Vous pouvez ajouter des paramètres à la section de code source en double-cliquant sur le paramètre correspondant. L'aide contextuelle affiche une brève description des paramètres. Pour des informations plus détaillées, veuillez consulter le FSI Viewer Online Manual.. |
|
4.4.2 Effets
En cliquant sur le bouton d'effet, la fenêtre d'effet s'ouvre. Double-cliquez sur l'effet souhaité ou faites-le glisser vers la gauche pour le sélectionner. Vous pouvez ajuster les options de l'effet ou le supprimer dans la colonne de droite sous l'image d'aperçu. Si plusieurs effets sont appliqués, il est également possible de modifier l'ordre de traitement des effets en les faisant glisser jusqu'à la séquence souhaitée. En cliquant sur "ON", les effets seront appliqués à l'image ou à la visionneuse et seront visibles dans le code source.
4.4.3 Éditeur de lien hypertexte
Cet onglet permet d'accéder à l'éditeur de liens hypertexte JS pour FSI Pages. TL'éditeur de liens vous permet d'ajouter facilement des hyperliens et des icônes à votre catalogue en ligne.
L’éditeur reconnaît les liens hypertexte existants et vous permet également de les modifier. Par exemple, les liens créés avec l’ancien Éditeur de liens hypertexte Flash sont affichés dans le nouvel éditeur et peuvent également être modifiés, mais ils seront enregistrés dans un format différent. Par conséquent, les liens créés ou modifiés avec le nouvel éditeur ne sont pas compatibles avec les anciennes versions Flash de FSI Pages. Ils fonctionnent uniquement avec les nouvelles versions JavaScript de FSI Pages.
Cette section vous aidera à vous familiariser avec l'éditeur.
|
1. Général
L'éditeur de liens est composé de différentes sections: Sur le côté gauche, vous verrez les pages simples de votre catalogue, le côté droit est divisé en 4 sections:La liste des liens affiche tous les liens incorporés dans le site actuel de votre catalogue. Vous pouvez déplacer les liens pour décider lequel doit être au premier plan en les faisant glisser à la position souhaitée dans la liste. Ceci est utile si les formes se chevauchent, la position détermine le lien actif dans la section de chevauchement au survol de la souris. Le lien en bas de la liste est au premier plan.
Données de lien affiche les informations pour le lien sélectionné.
La barre d'outils vous permet de faire défiler le catalogue et d'ajouter et de modifier des liens.
Nouvelles formes contient une présélection de formes et d'icônes pouvant être ajoutées au site. Il est également possible d'ajouter vos propres formes à cette section. Pour plus d'informations, veuillez consulter Ajout de SVG pour ses propres formes/icônes.
L'éditeur différencie les liens et les icônes.
Vous pouvez choisir entre:
- Lien, couleur auto: remplissage transparent, changer de couleur & ligne de la fourmi sur la souris ou en appuyant dessus
- Lien, couleur d'origine: remplissage opaque, ne changez pas de couleur au passage de la souris
- Icône: affiché avec la couleur d'origine, peut avoir des info-bulles, mais vous ne pouvez pas cliquer dessus (c'est-à-dire qu'il n'y a pas d'hyperlien)
En outre, vous pouvez modifier un lien n général ou tout simplement une forme de lien. Un lien peut consister en une ou plusieurs formes de lien. Si un lien n'a qu'une seule forme attribuée, le lien est égal à la forme du lien - c'est-à-dire que le lien sélectionner/transformer et que l'action sélectionner/transformer la forme du lien procèdent de la même manière.
2. Raccourcis
- CTRL + S: sauvegarder
Les raccourcis suivants s'appliquent si l'activation n'est pas dans un éditeur de liens d'entrée ou externe:
- CTRL + Z: Annuler
- CTRL + YZ: Refaire
- CTRL + A: Tout sélectionner
- CTRL + D: Ne rien sélectionner
- CTRL + X: Couper
- CTRL + C: Copie
- CTRL + X: Coller
- CTRL + M: Supprimer la transformation des liens/formes sélectionnés
- CTRL + 1 - CTRL + 9: Modes de souris
- DELETE: Supprimer les liens/formes sélectionnés
- Arrow left: Page précédente
- Arrow right: Page suivante
- Pos 1: Première page
- END: Dernière page
- Arrow Up: Sélectionner le lien précédent dans la table des liens
- Arrow Down: Sélectionnez le lien suivant dans la table des liens
- SPACE BAR: Dézoomer
3. Parcourir le catalogue
Vous pouvez parcourir le catalogue avec les boutons FSI Pages. Vous pouvez taper un numéro de page dans la case et l'éditeur passera à la page correspondante.
4. Zoom & Pan
Les boutons connus du FSI Viewer peuvent être utilisés pour zoomer sur la page et pour déplacer la section visible. Vous pouvez également déplacer la section en utilisant la fenêtre du navigateur.
5. Ajout de formes
Pour ajouter un nouveau lien vers votre site, vous pouvez faire glisser n'importe quelle forme de la section Nouvelles formes sur votre site ou utiliser le Tracer polygone ou Gratuit. Formulaire pour créer de nouvelles formes. Avec l'outil de dessin Polygone, vous pouvez fermer la forme en connectant le dernier point au premier point ou en appuyant sur CTRL pendant le tracé du point final. La forme libre se termine chaque fois que vous arrêtez de dessiner.
6. Sélection des liens/formes de liens
Avec les boutons correspondants, vous pouvez sélectionner le lien complet ou juste une forme de lien. Après l'avoir sélectionné, vous pouvez éditer les données du lien.
7. Données de lien
Les modifications suivantes peuvent être apportées:
- type: décide quel type de la forme sera affichée:
- Lien, couleur auto: avoir un remplissage transparent et également changer de couleur et avoir une ligne de fourmi sur la souris au-dessus ou tout en étant cliqué
- Lien, couleur d'origine: ne change pas de couleur
- Icône: sera affiché avec la couleur d'origine. Ils peuvent avoir des info-bulles, mais ils ne peuvent pas être cliqués
- URL du lien: spécifie l'URL à ouvrir en cliquant sur le lien
- URL cible du lien: spécifie où ouvrir le document lié (_blank, _self,...)
- info-bulle du lien - ajoute des info-bulles affichant du texte au format HTML aux liens au passage de la souris
8. Transformation de liens/formes de liens
Avec les boutons correspondants, vous pouvez déplacer ou transformer tout le lien ou juste une forme de lien. Vous pouvez utiliser CTRL et faire glisser une poignée pour faire pivoter la forme. Si vous souhaitez annuler votre transformation, vous pouvez utiliser le bouton Annuler ou - si vous souhaitez restaurer l'état d'origine, utilisez le bouton Supprimer la transformation.
9. Déplacer la forme du lien vers un autre lien
Avec ce bouton, il est possible de déplacer une forme de lien vers un autre lien. Pour ce faire, cliquez sur la forme du lien que vous souhaitez déplacer, puis faites-la glisser sur le lien que vous souhaitez fusionner dans la liste des liens. Si vous déplacez la forme dans un espace vide de la liste, un nouveau lien sera créé.
10. Supprimer/Couper/Copier/Coller
Vous pouvez supprimer un lien, les couper ou les copier et les coller dans un autre emplacement ou une autre page avec les boutons correspondants.
11. Supprimer la transformation
Ce bouton supprime toutes les transformations des formes ou des liens sélectionnés.
12. Annuler/refaire
Vous pouvez annuler ou rétablir vos pas avec ces boutons. L'éditeur passe automatiquement à la page sur laquelle les modifications ont été apportées.
13. Plein écran
Pour une meilleure convivialité, vous pouvez afficher l’éditeur de liens en mode plein écran.
14. Sauvegarder
En cliquant sur le bouton Enregistrer ou en appuyant sur CTRL + S, vos modifications seront enregistrées. Les hyperliens seront enregistrés dans les métadonnées de l’image en tant que FSI Extra, ce que vous pouvez voir dans l’onglet Onglet Métadonnées.
15. Ajout de SVG pour ses propres formes/icônes
Il est possible d’ajouter vos propres formes à la section Nouvelle forme. Les formes se composent de fichiers SVG qui sont stockés dans le
/_service_files/Link Editor Shapes/dossier de votre interface Web FSI Server.
Pour ajouter des formes personnalisées, vous devez regrouper votre icône et ajouter une ou plusieurs classes au groupe dans votre fichier SVG:
- class="fsi-pages-link-shape" - affiche la forme avec le réglage de couleur d'origine
- class="fsi-pages-link-shape fsi-pages-link-auto-color" - affiche la forme avec le réglage de couleur automatique
- class="fsi-pages-link-shape fsi-pages-link-icon" - affiche la forme avec le réglage de l'icône
4.4.4 Hotspot Editor
Lors de la publication d'un "Zoom & Pan" viewer (pour des images uniques) ou le "360° Spins" viewer (pour les rotations à 360°), vous pouvez accéder à l'éditeur en cliquant sur l'icône "Modifier les points chauds" dans la barre de menus de publication:
Ou avec l'option correspondante dans le menu contextuel accessible dans la section "Votre code source":
L'éditeur s'ouvrira dans une nouvelle fenêtre.
Onglet HotSpot
Vue d'ensemble
L'onglet HotSpot comprend les sections suivantes:
- Viewer
- Onglet HotSpot/ Onglet Scenery
- Données HotSpot
- URL du lien et cible
- Texte HotSpot
- Barre d'outils
- Formes HotSpot
Liste de HotSpot
Cette section de l'onglet Hotspot affiche une vue d'ensemble des hotspots ajoutés.Données HotSpot
Dans cette section, vous pouvez modifier l'aspect des points d'accès ajoutés par glisser-déposer. Vous pouvez définir la position du point chaud, ainsi que la position du marqueur pour le texte. Vous pouvez modifier l'échelle de l'icône et, si vous souhaitez limiter la visibilité à une certaine échelle de zoom, définir la visibilité du zoom. Vous pouvez également ajouter différentes classes CSS afin de styliser les zones réactives en mode normal, survolé et actif.Barre d'outils
La barre d’outils contient les fonctions suivantes:
- Enregistrer - enregistre toutes les modifications dans une configuration XML
- Charger la configuration - charge un fichier de configuration XML
- Réinitialiser - retourne à la vue initiale
- Zoom arrière - diminue le grossissement
- Zoom avant - augmente le grossissement
- Sélection du zoom - vous permet de dessiner une forme rectangulaire comme section de zoom
- Glisser l'image - lorsque cette option est activée, vous pouvez faire glisser l’image agrandie dans n’importe quelle direction pour faire un panoramique.
- Sélectionnez HotSpot(s) - lorsqu'il est activé, le point chaud sur lequel vous cliquez est automatiquement sélectionné
- Déplacer - permet de déplacer le point d'accès dans une certaine direction (image unique: déplacement d'un point d'accès dans les directions x,y - y,z et x,y n'est disponible que sur 360°)
- Supprimer - supprime le hotspot sélectionné
- Couper - coupe la sélection actuelle
- Copier - copie la sélection en cours
- Coller - colle le point chaud copié
- Annuler - annule le dernier changement
- Refaire - refait le dernier changement
- Plein écran - ouvre l'éditeur en mode plein écran
Ajout de points chauds à une seule image
Ajouter un HotSpot
Pour ajouter un point sensible, il vous suffit de faire glisser une forme de la section Formes HotSpot vers la visionneuse de gauche, à la position souhaitée.Ajouter du texte et une URL à un HotSpot
Dans la section "URL et cible du lien", vous pouvez définir l'URL vers laquelle le hotspot mène lors du clic ainsi que la cible du lien (_blank ou _self). Dans la section "Texte", vous pouvez ajouter du texte qui sera affiché avec un marqueur à côté du point d'accès. Vous pouvez utiliser le formatage de texte HTML pour styler le texte à votre guise.Style un HotSpot
Vous pouvez styliser globalement les points chauds soit en
- en utilisant les paramètres hotspotDotColor1, hotspotDotColor2, hotspotLineColor1,hotspotLineColor2 (voir manuel) dans la balise
- ou définir des classes CSS pour les hotspots dans l'onglet HotSpot Data de l'éditeur
Enregistrer la configuration
Lorsque vous avez terminé de définir tous les points d'accès à votre guise, vous pouvez enregistrer vos modifications dans un fichier de configuration XML en cliquant sur le bouton "Enregistrer". La fermeture de la fenêtre vous ramènera à l’onglet Publication avec le fichier de configuration ajouté à la balise.Ajout de points chauds à une rotation à 360°
Contrairement à l'ajout d'un point chaud à une seule image, vous devez d'abord définir le cadre de sélection de l'objet tourné. Cela peut être fait dans l'onglet Scenery qui s'ouvre automatiquement lorsque vous cliquez sur l'éditeur lors de la publication d'un spin.L'onglet Scenery
L'éditeur s'ouvre avec l'onglet "Scenery", dans lequel vous pouvez définir les paramètres utilisés pour définir l'objet 3D utilisé pour ajouter correctement les zones réactives. Paramètres vitaux: Camera Pour créer des points chauds, il est important de connaître les positions de l'appareil photo lors de la prise de vue à 360°. Cela facilite l'ajout des zones sensibles d'une manière plus précise. Le digitalCropFactor valeur dépend de la taille de la puce de capteur optique de la caméra. Pour les caméras plein cadre, la valeur est "1.0". Les valeurs communes sont comprises entre 1,5 et 1,6. Le facteur de cadrage est le même facteur qui affecte la focale de l’objectif de votre appareil photo. Par exemple. la focale d'un objectif avec un appareil photo plein cadre est de 50 mm. Avec un appareil photo ayant un facteur de cadrage de 1,5, la distance focale effective serait de 1,5 x 50 mm = 75 mm. focalLength définit la distance focale de l'objectif de la caméra en mm. Camera postion (paramètre postion) x,y,z et CameraTarget (paramètre targetPosition) x,y,z définissez la position de la caméra et de l’objet en mm (voir illustration).Virtual Cube paramètre À l'aide des paramètres de la caméra, le visualiseur calcule la position des points chauds. Vous pouvez également éventuellement ajouter des coordonnées d'espace virtuel. Le "cube" est le cadre de sélection de l'objet spin en millimètres (voir illustration ci-dessous). Pour cela, vous devez connaître les mesures de l'objet du spin.
Camera Arm (rotation à deux axes seulement) Si vous faites également pivoter votre objet autour de l’axe des x, des paramètres supplémentaires s’appliquent, que vous pouvez trouver dans FSI Viewer JS online manual. Image Sequence Si vous utilisez plusieurs axes, SceneSets peut être utile: ils définissent l’ordre des scènes à afficher. Dans le visualiseur, les scènes peuvent être sélectionnées en déplaçant la souris horizontalement et les ensembles de scènes peuvent être sélectionnés en déplaçant la souris verticalement.
Les ensembles individuels doivent être séparés par ";" (point-virgule). Les scènes de ces ensembles sont séparées par "," (virgule) et spécifient l'index basé sur 1 de l'image de gauche à droite, de haut en bas jusqu'au nombre total de scènes. Au lieu de scènes individuelles, vous pouvez également spécifier des plages de scènes, par ex. "5-10". Video Si vous souhaitez ajouter une vidéo pour une rotation plus fluide, vous pouvez ajouter les paramètres correspondants ici. Prière de se référer à le manuel pour une explication approfondie des paramètres. Initial View Si vous souhaitez définir une vue différente au début de la visionneuse, vous pouvez la définir ici. Il vous suffit de zoomer et de déplacer le lecteur dans la direction souhaitée et de cliquer sur le bouton initialView afin de sauvegarder votre sélection comme point de départ.
L'onglet Hotspots
Après avoir configuré votre cube, veuillez vous rendre dans l'onglet "Hotspot" afin d'ajouter des Hotspots. (voir description ci-dessus).4.5 Envoyer
Selon le type de Source Connector sélectionné, vous pouvez télécharger différents types de fichiers. Il existe plusieurs possibilités pour télécharger des images dans l'interface.
- Choisissez l'onglet Télécharger, cliquez sur le bouton "Choisir les fichiers" pour ajouter les fichiers à télécharger dans la liste. Les fichiers seront téléchargés dans le dossier en cours.
- Drag & Drop fichiers dans la vue des fichiers ou dans la vue des dossiers
4.6 Télécharger
Il existe plusieurs possibilités pour télécharger des images à partir de l'interface.
- Drag & Drop fichiers ou dossiers de la vue des fichiers sur l'onglet de téléchargement ou
- Sélectionnez des éléments dans la vue Fichier et choisissez Ajouter pour télécharger l’archive dans le menu contextuel.
Vous pouvez éventuellement planifier le début du téléchargement à une heure spécifique et choisir un nom de fichier.
Cliquez sur le bouton "OK" pour lancer le processus de création et ajouter le téléchargement dans le dossier Mes téléchargements du répertoire racine.
4.7 Lot
Dans cet onglet, vous pouvez télécharger des images traitées par lots.
- Sélectionnez des éléments dans la vue miniature et choisissez Ajouter le traitement par lots dans le menu contextuel - ou -
- Drag & Drop les fichiers de la vue des fichiers à l'onglet Lot
Ici, vous pouvez choisir le nom de la configuration et le type d’archive (ZIP, tar.gz, tar.bz2).
Vous pouvez télécharger des fichiers sources non modifiés ou des images traitées.
Lorsque vous décidez de télécharger des images traitées, vous pouvez choisir de remplacer ou d’ajouter les extensions de fichier.
Vous pouvez également enregistrer vos configurations au cas où vous souhaiteriez les utiliser à nouveau.
Vous voyez une boîte de dialogue ci-dessous dans laquelle vous pouvez modifier les dimensions, ajouter divers effets, rogner l'image et regarder l'aperçu de l'image traitée. Une fois que vous avez terminé de choisir les opérations à appliquer aux images, vous pouvez appuyer sur "OK" pour revenir à l'onglet Lot.
Vous pouvez éventuellement planifier le début du téléchargement à une heure spécifique et choisir un nom de fichier.
Cliquez sur le bouton "OK" pour lancer le processus de création et ajouter le téléchargement dans le dossier Mes téléchargements du répertoire racine.
4.8 Licence
Cet onglet vous donne un aperçu des informations sur votre licence et vous permet de saisir votre clé en téléchargeant le fichier de licence correspondant ou en saisissant manuellement les données de la licence.
Le Données pour la génération de licences (LRD) est crucial pour la mise à jour de votre licence.
5 Activer la recherche
FSI Server utilise Apache Solr comme base de données pour permettre la recherche dans les métadonnées d'actif. Le serveur Solr n'est pas intégré au FSI Server car la base de données était dans les versions 1 et 2 du FSI Server.Si vous souhaitez effectuer une recherche, par exemple dans FSI Pages, vous devrez fournir une instance Solr à utiliser par le FSI Server.
Si vous utilisez la version fixe de FSI Server, vous pouvez facilement ajouter un conteneur Solr. Veuillez noter que cela doit être fait AVANT la création du conteneur FSI Server. Comme FSI Server et Solr / Lucene sont deux applications critiques pour la mémoire, ils ne doivent pas être déployés sous la même machine virtuelle que pour les tests.
IMPORTANT:
Pour les environnements de production, il est vivement recommandé de déployer le package Solr dans une propre instance de Tomcat/JVM. Dans les environnements à forte charge, vous devez envisager d'installer l'instance Soldata-r sur un matériel distinct.
Installation:
1. Téléchargez et déployez Solr en copiant le fichier WAR téléchargé dans le dossier tomcat webapps ou extrayez Solr dans la version Alpine si vous utilisez docker..
2. Configurez les restrictions d'accès à Solr si nécessaire.
- Par défaut, l'accès au serveur Solr est limité aux connexions à partir d'adresses IP locales. Si vous installez le paquet sur une autre machine, vous devrez désactiver cette limitation en décrivant le Valve- configuration dans webapps/solr/META-INF/context.xml
- L'accès au serveur Solr n'est pas limité à un utilisateur spécifié, mais devrait l'être lorsque la limitation ci-dessus est supprimée. Pour activer cette fonctionnalité de sécurité, veuillez décommenter le "security contraint" et le "login-config" blocks dans webapps/WEB-INF/web.xml et ajoutez un utilisateur approprié à votre installation Tomcat, par exemple en ajoutant les lignes suivantes à votre tomcat-users.xml:
<tomcat-users>
<role rolename="solr_user"/>
<user username="fsi" password="mypassword" roles="solr_user"/>
</tomcat-users>
- Définissez l'attribut "enabled" des sections "search" sur true dans les fichiers sourcemanager.xml et requestprocessor.xml et définissez les informations d'identification de connexion conformément à l'étape précédente, si nécessaire.